جزیره اسرار آمیز دانش
نوشتن سر فصلها و پاراگراف در HTML

  • از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این مثالها توجه کنید:

<h1>سرفصل بزرگ</h1>

سرفصل بزرگ

<h2>سرفصل 2</h2>

سرفصل 2

<h3>سرفصل 3</h3>

سرفصل 3

<h4>در حال کوچک شدن</h4>

در حال کوچک شدن

<h5>کوچکتر</h5>
کوچکتر
<h6>بسیار کوچک</h6>
بسیار کوچک

از دستورات بالا می توانید برای عنوان مطالب استفاده کنید.

  • وقتی که تگ <br> در متنی وارد می شود بقیه آن خط به خط بعد منتقل می شود. در حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد. قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید:

This is the first line <br> Here is the second line

نتیجه مثال بالا به اینگونه است:

This is the first line
Here is the second line

مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخورد به خط بعدی نمی رود. اما تگ <br> مرورگر را مجبور می کند به خط بعدی برود.مثلاً متن زیر را در ویرایشگر متن خود بنویسید و به صورت html ذخیره کنید، فقط یک خط را در مرورگر خود خواهید دید:

من،
یک خط
جدید می خواهم

نتیجه به این صورت خواهد بود:

من، یک خط جدید می خواهم

برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن را به این صورت بنویسیم:

من،<br>
یک خط<br>
جدید می خواهم

این هم نتیجه:

من،

یک خط

جدید می خواهم

  • <p> تگ پاراگراف است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو پاراگراف می شود. درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ در اول پاراگراف برای تمایز دو پاراگراف استفاده می شود. به مثال زیر توجه کنید:

خط اول از پاراگراف اول
<br>
خط دوم از پاراگراف اول
<p>
این هم پاراگراف جدید
</p>

و نتیجه به این صورت است:

خط اول از پاراگراف اول
خط دوم از پاراگراف اول

این هم پاراگراف جدید

تگ پاراگراف هم نیازی به تگ پایانی ندارد. اما شما می توانید برای فهم بهتر آنرا در متن خود به کار ببرید. مثلاً به این صورت:

<p>
پاراگراف اول
</p>
<p>
پاراگراف دوم<br>
ادامه پاراگراف دوم
</p>

این متن همان نتیجه ای را دارد که متن زیر دارد:

<p> پاراگراف اول</p>
<p>
پاراگراف دوم<br>
ادامه پاراگراف دوم
</p>

این هم نتیجه هر دو متن بالا:

پاراگراف اول

پاراگراف دوم
ادامه پاراگراف دوم

البته اگر می خواهید صفحه ای که طراحی می کنید معتبر باشد بهتر است از تگ پایانی پاراگراف استفاده کنید. استفاده از تگ پایانی در XHTML الزامی است.

تا اینجا شما می توانید یک صفحه وب پر از متن را بنویسید. در درس بعد به اندازه فونت و رنگ متن می پردازیم

مشاهده آموزش بقیه مطالب اچ تی ام ال


http://8tom.parsiblog.com/PhotoAlbum/dars2/10e9328c176de902f34269074578f82d.gif

  نوشته شده در روز شنبه 89/3/8  ، تعداد


مطالب طلایی - کلیک کنید

آمــار سایت

بازدیــــد امـــــروز : 439
بازدیــــــــد دیـــــــــروز : 559
بازدیـــــــــد کــــــــــل : 6954743
تعـــــداد یادداشت هـــــــا : 3245
منوی اصلی

صفحـه اول سایـت

ساخت فروشگـاه اینترنتـــی

وبلاگ بسازید و کسب درآمد کنید

سایت عکس های متحـرک 

نظرات و پیشنهادات

فهرست موضوعی یادداشت ها

:.: مهــارت آمــوزی :.:
مقالات، تحقیق و پژوهش هـا
ترفند، ایده ها و مطالب کاربردی
اطلاعات عمومی و دانستنی ها
سرگرمی ها و ساخت کاردستـی
:.: آموزش مجازی :.:
جزوه هــای درسی و درسنامـه
نرم افـزارها و محتوای آموزشی
جشنواره ها و پژوه دانش آموزی
پیک دانش آموزی و تکلیف درسی
:.: پاورپــوینت هـا :.:
پاورپوینت درسی دوره دبستان
پاورپوینت های دوره اول متوسطه
پاورپوینت های دوره دوم متوسطه
پاورپوینت و اسلاید های آموزشی
:.: گـروه مخاطبین :.:
معلمان و کادر دفتری مدارس
گروه های درسی و صاحب نظران
والدین دانش آموزان و مشاوران
دانش آموزان مدرسه و فراگیران
:.: نمونه سوالات :.:
آزمون و سوال های دوره ابتدایی
آزمون و سوال دوره اول متوسطه
آزمـون و سوال دوره دوم متوسطه
سوال های متفرقه و آزمون ورودی
:.: بانک طرح درس :.:
طرح درس های ناب دوره ابتدایی
طرح درس های دوره متوسطه اول
طرح درس های دوره متوسطه دوم
طرح درس های عمومی و مشترک
:.: هنرهای معلمی :.:
درس و اقدام پژوهـی ، کارآموزی
برنامه، چک لیست و نمون برگ ها
روش تدریس و سناریوی آموزشی
راهنمای تدریس و گزارش تخصصی
:.: پایــه تحصیلـی :.:
پایه اول ، دوم و سوم ابتدایی
چهارم ، پنجم و ششم ابتدایـی
هفتم ، هشتم و نهم متوسطـه
دهم،یازدهم و دوازدهم متوسطه
لیست آخرین مطالب

پاورپوینت درس دوازدهم سخن آسمانی هدیه سوم دبستان
پاورپوینت درس یازدهم عید مسلمانان هدیه سوم دبستان
پاورپوینت درس دهم ماه مهمانی خدا هدیه سوم دبستان
پاورپوینت درس نهم گفتگو با خدا هدیه سوم دبستان
درس های شانزدهم و هفدهم هدیه های آسمان ششم دبستان به صورت پاورپو
فایل کامل هدیه های آسمان ششم ابتدایی به صورت پاورپوینت
درسنامه و نکات مهم علوم تجربی چهارم دبستان | درس سنگ ها
سوال و جواب علوم تجربی چهارم دبستان | درس سنگ ها
راهنمای تدریس علوم تجربی چهارم دبستان | درس سنگ ها
تحقیق درسی در مورد معجزات حضرت موسی (ع)
طرح درس تناسب ریاضی پنجم
پاورپوینت ریاضی کلاس پنجم درس درصد
تحقیق در مورد عنصر و جدول تناوبی
درس نامه علوم چهارم، درس بدن ما 1
کامل ترین برنامه سالانه بر اساس طرح تدبیر
[همه عناوین(3816)][عناوین آرشیوشده]

http://www.parsiblog.com/PhotoAlbum/riazi/6af5e218c7b634c3d7afd741834f59d2.jpg